<template>
  <div class="page">
    <div class="menu">
      <div class="imgs">
        <img src="/static/imgs_s08/s08_goods09.png" alt />
      </div>
      <div class="txt3">
        <h3>单人两荤菜外卖套餐</h3>
        <div class="time">
          <img src="/static/imgs_s08/s08_time.png" alt />
          <p>周一至周日 | 免预约</p>
        </div>
        <div class="add">
          <img src="/static/imgs_s08/s08_address.png" alt />
          <p>24小时不成团退款 | 过期自动退</p>
        </div>
      </div>
      <div class="money">
        <span>￥15.9</span>
        <img src="/static/imgs_s08/s08_more.png" alt />
      </div>
    </div>
    <div class="bottom">
      <h1>此团已结束，可重新发团</h1>
      <p>求人不如求己，自己当团长吧</p>
      <div class="button">一键发起拼团</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  methods: {},

  created() {
    // let app = getApp()
  }
};
</script>

<style scoped>
.page {
  width: 100%;
  height: 667px;
  background-color: #f0f1f2;
  font-family: " PingFang SC";
}

.menu {
  position: relative;
  display: flex;
  width: 100%;
  height: 91px;
  margin-top: 10px;
  background-color: #fff;
}

.menu .imgs {
  position: absolute;
  top: 12px;
  left: 12px;
}

.menu .imgs img {
  width: 66px;
  height: 66px;
}

.menu .txt3 {
  position: absolute;
  top: 12px;
  left: 87px;
}

.txt3 h3 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(38, 38, 38, 1);
}

.txt3 img {
  width: 14px;
  height: 14px;
}

.txt3 .time {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.txt3 .add {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.menu .money {
  position: absolute;
  top: 42px;
  right: 20px;
}

.money img {
  width: 11px;
  height: 11px;
}

.money span {
  font-size: 15px;
  font-weight: 500;
  color: rgba(38, 38, 38, 1);
  margin-right: 5px;
}

.bottom {
  width: 100%;
  height: 177px;
  background-color: #fff;
  margin-top: 10px;
}

.bottom h1 {
  font-size: 22px;
  font-weight: bold;
  color: rgba(38, 38, 38, 1);
  text-align: center;
  box-sizing: border-box;
  padding-top: 25px;
}

.bottom p {
  font-size: 12px;
  font-weight: 500;
  color: rgba(144, 144, 144, 1);
  text-align: center;
  margin-top: 18px;
}

.button {
  width: 335px;
  height: 41px;
  background: rgba(50, 177, 108, 1);
  border-radius: 21px;
  margin: 0 auto;
  margin-top: 34px;
  font-size: 15px;

  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 41px;
}
</style>
